<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:v="urn:schemas-microsoft-com:vml">
<head>
    <title>The Flats</title>
    <link rel="shortcut icon" href="img/cubisthome.png" type="image/x-icon"/>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <style type="text/css">
        @import url( "http://www.google.com/uds/css/gsearch.css" );
        @import url( "http://www.google.com/uds/solutions/localsearch/gmlocalsearch.css" );
        }
    </style>
    <script type="text/javascript" src="js/classes.js"></script>
    <script type="text/javascript" src="js/utils.js"></script>
    <script type="text/javascript" src="js/xmlparser.js"></script>
    <script type="text/javascript" src="js/flats.js"></script>
    <script src="http://maps.google.com/maps?file=api&amp;v=2&amp;key=ABQIAAAAEF-wjJ0SHv9-F6XnzkMuIxT5S3kosB9iVMZUuHtLl7EOVqEiAhTmXjrn4kEKKrzvmRTTpaXC2cus8g" type="text/javascript"></script>
    <script src="http://www.google.com/uds/api?file=uds.js&amp;v=1.0" type="text/javascript"></script>
    <script src="http://www.google.com/uds/solutions/localsearch/gmlocalsearch.js" type="text/javascript"></script>
</head>
<body>

<script type="text/javascript">
    function createCookie(name, value, days) {
        if (days) {
            var date = new Date();
            date.setTime(date.getTime() + (days * 24 * 60 * 60 * 1000));
            var expires = "; expires=" + date.toGMTString();
        }
        else var expires = "";
        document.cookie = name + "=" + value + expires + "; path=/";
    }

    function readCookie(name) {
        var nameEQ = name + "=";
        var ca = document.cookie.split(';');
        for (var i = 0; i < ca.length; i++) {
            var c = ca[i];
            while (c.charAt(0) == ' ') c = c.substring(1, c.length);
            if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length, c.length);
        }
        return null;
    }

    function eraseCookie(name) {
        createCookie(name, "", -1);
    }

    Array.prototype.remove = function(from, to) {
        var rest = this.slice((to || from) + 1 || this.length);
        this.length = from < 0 ? this.length + from : from;
        return this.push.apply(this, rest);
    };

    function remove(array, from, to) {
        var rest = array.slice((to || from) + 1 || array.length);
        array.length = from < 0 ? array.length + from : from;
        return array.push.apply(array, rest);
    }


    var arr = new Array();
    arr[0] = 'a';
    arr[1] = 'b';
    arr[2] = 'c';
    arr[3] = 'd';

    remove(arr, 2);
    //    alert(arr);
    //    createCookie('aaa', '111');
    //    alert(readCookie('aaa'));
    //    alert(document.cookie.length);
    //    document.cookie['aaa'] = 'AAA';
</script>

<table width="600px" height="100%">
    <tr height="40%" style="background-color:aqua;">
        <td colspan="2">
            asdasdasd
        </td>
    </tr>

    <tr height="30%" width="600px" valign="top" align="left" style="background-color:darkgray;">
        <td>
            <div id="pointList" style="height:100px;overflow-y:scroll;">
                <h1>
                    asdasd<br>
                    asdasda<br>
                </h1>
            </div>
        </td>
        <!--карта-->
        <!--<td rowspan="2"><div id="map_canvas" style="wPngServletidth: 100%; height: 100%"></div></td>-->
    </tr>
    <tr height="30%" width="600px" valign="top" align="left" style="background-color:darkseagreen;">
        <td>
            <div id="properties">
                asdasd<br>
                asdasda<br>
                asdasd<br>
            </div>
        </td>
    </tr>
</table>

<div class="demo">
    <div style="overflow: auto; height: auto;" id="accordion" class="accordion">
        <input value="0" name="accordion_AccordionExtender_ClientState" id="accordion_AccordionExtender_ClientState" type="hidden">

        <div class="header">
            <div style="background-image: url(_assets/img/mail_large.gif);">
                <span>Mail</span>
            </div>
        </div>
        <div style="overflow: auto; height: auto; display: block;">
            <div class="content" style="overflow: auto; display: block; height: auto;">
                <ul>
                    <li style="background-image: url(_assets/img/mailbox.gif);">Mailbox</li>
                    <li style="background-image: url(_assets/img/inbox.gif);">Inbox</li>
                    <li style="background-image: url(_assets/img/drafts.gif);">Drafts</li>
                    <li style="background-image: url(_assets/img/outbox.gif);">Outbox</li>
                    <li style="background-image: url(_assets/img/junk.gif);">Junk Mail</li>
                    <li style="background-image: url(_assets/img/deleted.gif);">Deleted Items</li>
                    <li style="background-image: url(_assets/img/search.gif);">Search Folders</li>
                    <li style="background-image: url(_assets/img/sentitems.gif);">Sent Items</li>
                </ul>
            </div>
        </div>

        <div class="header" onclick="document.getElementById('mem').style.display='none'">
            <div>
                <span>Notes</span>
            </div>
        </div>
        <div style="overflow: auto; height: auto; display: block;" id="mem">
        <!--<div style="overflow: hidden; height: 0px; display: none;" id="mem">-->
            <div class="content" style="overflow: hidden; display: block; height: auto;">
                <ul>
                    <li title="Icons">Icons</li>
                    <li title="Note List">Note List</li>
                    <li title="Last Seven Days">Last Seven Days</li>
                    <li title="By Category">By Category</li>
                    <li title="By Color">By Color</li>
                </ul>
            </div>
        </div>

        <div class="header">
            <div style="background-image: url(_assets/img/contact_large.gif);">
                <span>Contacts</span>
            </div>
        </div>
        <div style="overflow: hidden; height: 0px; display: none;">
            <div class="content" style="overflow: hidden; display: block; height: auto;">
                <ul>
                    <li style="background-image: url(_assets/img/contact_small.gif);" title="Address Cards">Address Cards</li>
                    <li style="background-image: url(_assets/img/contact_small.gif);" title="Detailed Address List">Detailed Address List</li>
                    <li style="background-image: url(_assets/img/contact_small.gif);" title="By Category">By Category</li>
                    <li style="background-image: url(_assets/img/contact_small.gif);" title="By Company">By Company</li>
                    <li style="background-image: url(_assets/img/contact_small.gif);" title="By Follow-up Flag">By Follow-up Flag</li>
                </ul>
            </div>
        </div>
    </div>
</div>

</body>
</html>
